<template>
  <div>
    <!-- <video class="video" :src="playUrl" controls loop></video> -->
    <video class="video"
      controls
      loop
      webkit-playsinline
      playsinline
      preload="metadata"
      poster="//i0.hdslb.com/bfs/archive/0bdd2084983ea2d0d7cba479c3f3fee73dc06cfc.jpg@480w_270h_1c"
      :src="require('@/assets/video/play_test.mp4')"
    >
    </video>
  </div>
</template>

<script>
  export default {
    name: 'DetailVideo',
    props: {
      playUrl: {
        type: String,
        default: require('@/assets/video/play.mp4')
      }
    }
  }
</script>

<style scoped>
  .video {
    width: 100%;
  }
</style>